<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<style type="text/css">
			body{
				width: 100%;
				height: auto;
				background: url(../img/bg.jpg) no-repeat;
				background-size: cover;
				background-attachment:  fixed;
			}
			html{
				height: 100%;
			}
			.input{
				/*border: 1px solid #c8c8c8;*/
				border: 1px solid #c8c8c8;
				color: #777;
				font: 13px Helvetica, Arial, sans-serif;
				margin: 0 0 10px;
				padding: 15px 10px 15px 40px;
				width: 80%;
				position: relative;
				left: 10px;
				text-align: left;
			}
			.input input[type=radio]{
				margin:0 5px 0 50px;
			}
			.input input[type=number]
			{
				margin:0 5px 0 60px;
				height: 30px;
			}
			.input input[type=date]
			{
				margin:0 5px 0 30px;
				height: 35px;
			}
			.input select{
				margin:0 5px 0 30px;
				height: 35px;
			}
		</style>
	</head>
	<body>
	<div class="container">
		<section id="content">
			<form action="">
				<h1>用户注册</h1>
				
				<div>
					<input type="text" placeholder="学号" required="" id="userid" />
				</div>
				<div>
					<input type="text" placeholder="姓名" required="" id="username" />
				</div>
				
				
				<div class="input" style="padding: 5px 10px 5px 40px;">
					所属学院<select>
					  <option value ="软件学院">软件学院</option>
					  <option value ="计算机学院">计算机学院</option>
					  <option value="数学与数理统计学院">数学与数理统计学院</option>
					</select>
				</div>
				
				<div class="input">
					性别<input type="radio" placeholder="" required="" name="sex"/><span>男</span>
					<input type="radio" placeholder="" required="" name="sex"/><span>女</span>
				</div>
				<div class="input" style="padding: 5px 10px 5px 40px;">
					年级<input type="number" min="14" max="20" value="2016"/>
				</div>
				
				<div class="input" style="padding: 5px 10px 5px 40px;">
					年龄<input type="number" min="14" max="28" value="18" />
				</div>
				
				<div>
					<input type="text" placeholder="电话" required="" id="usertel" />
				</div>
				 <div>
				<input type="password" placeholder="密码" required="" id="password" />
				</div>
				<div>
					<input type="password" placeholder="确认密码" required="" id="" />
				</div>
				 <div class="">
					<span class="help-block u-errormessage" id="js-server-helpinfo">&nbsp;</span>			</div> 
				<div>
					<!-- <input type="submit" value="Log in" /> -->
					<input type="button" value="注册" class="btn btn-primary" id="js-btn-login"/>
					<a href="login-main.html">返回登录</a>
					<!-- <a href="#">Register</a> -->
				</div>
			</form><!-- form -->
		</section><!-- content -->
	</div>
	</body>
</html>
